<div id="searchOpt" class="page">
  <div class='head search-head'> <span class="left"></span> <span>Filter</span> <span class="right done"></span> </div>
  <div class='promptTip'></div>

  <div class='body_all'>
    <div class="searchopt_box">
      <div class="title">Basic</div>
      <div class="jbc_form">
        <div class="js_your">Seeking a</div>
        <div class="jbc_input seekinga">
          <ul>
            <li>
              <span class="man" type="man" data-gender="2"> </span>
            </li>
            Or
            <li>
              <span class="woman" type="woman" data-gender="1"> </span>
            </li>
            Or
            <li>
              <span class="couple" type="couple" data-gender="16"> </span>
            </li>
          </ul>
        </div>
        <!--<div class="js_your">Age</div>-->
        <div class="jbc_input match_age_min match_age_max">
           <span class="font1">Age From :</span> <span class="fromAge"><select id="from_age" class="age_group" > 
                <option value="" disabled selected></option>
                <% for (var i=18;i<100;i++) {%>
                    <option value=<%=i%>> <%=i%></option>
                <% }%>
            </select></span>
            <span class="font1">To :</span> <span class="toAge">
                 <select id="to_age" class="age_group">
                    <option value="" disabled selected></option>
                </select>
                </span>
        </div>


      
        <div class="js_your">Location</div>
        <div class="jbc_input country">
        </div>

        <div class="jbc_input state">
        </div>
       </div>
      
      <div class="title"> For gold member <span class="ico_gold"></span></div>
      <div class='search-photo'><label>Photo only</label><span class="toggleButton off"></span></div>

      <div class="f_ethnicity">
           <select class="select" id="ethnicity" name="ethnicity">
              <option value="" selected disabled>Ethnicity</option>
              <option value="2">Asian</option>
              <option value="1">Black / African Descent</option>
              <option value="4096">Caribbean</option>
              <option value="4">Caucasian / White</option>
              <option value="8">Hispanic / Latino</option>
              <option value="1024">Arabic / Middle Eastern</option>
              <option value="128">Mixed Race</option>
              <option value="16">Native American</option>
              <option value="512">Pacific Islander</option>
              <option value="256">South Asian</option>
              <option value="2048">East Indian</option>
              <option value="32">Other</option>
          </select>
      </div>
    </div>
  </div>
</div>
